// 主题变量
:root {
  // 主题色
  --primary-color: #409eff;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;

  // 文字颜色
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;

  // 背景颜色
  --bg-color: #ffffff;
  --bg-color-page: #f2f3f5;
  --bg-color-overlay: #ffffff;

  // 边框颜色
  --border-color: #dcdfe6;
  --border-color-light: #e4e7ed;
}

// 暗色主题
html.dark {
  --primary-color: #409eff;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;

  --text-color-primary: #ffffff;
  --text-color-regular: #d0d0d0;
  --text-color-secondary: #909399;

  --bg-color: #141414;
  --bg-color-page: #0a0a0a;
  --bg-color-overlay: #1d1e1f;

  --border-color: #4c4d4f;
  --border-color-light: #363637;
}
